<template>
  <div class="cate">
    <h1>分类</h1>
    <!-- <div class="box" v-for="(item,index) in arr" :key="item.id" :class="index ===n ? 'active':''">
        <div>{{item.catename}}</div>
    </div>
    <div class="abc">

    </div>
     -->
  </div>
</template>

<script>
import {reqcate} from "../../http/http"
export default {
  data() {
    return {
      arr: [],
      n: 0,
    };
  },
  created() {},
  mounted() {
    reqcate().then((res) => {
        console.log(res);
        this.arr=res.data.list
    });
  },
  methods: {},
};
</script>

<style scoped>
.cate{
    display: flex;
}
.box{
    width: 2rem;
    height: 100vh;
    border: 1px solid #000;
    margin-right: 10px;
}
.abc{
    flex: 1;
    border: 1px solid #000;
}
</style>
